import Vue from 'vue'
import App from './App.vue'
import router from '@/router/index'
import store from '@/store'
import '@/mock/mockServer'
import 'swiper/css/swiper.min.css'

import  '@/api'
// import {reqCategroyList} from '@/api'//测试接口
// reqCategroyList()


Vue.config.productionTip = false

// 全局注册组件
import TypeNav from '@/components/TypeNav'
import SwiperLoop from '@/components/SwiperLoop'
import Pagination from '@/components/Pagination'
import * as API from '@/api'

Vue.component('TypeNav',TypeNav)
Vue.component('SwiperLoop',SwiperLoop)
Vue.component('Pagination',Pagination)

// 引入element-ui
// import ElementUI from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';
// Vue.use(ElementUI)
// 按需引入
import { Button,MessageBox,Message,Input } from 'element-ui'
Vue.use(Button)
Vue.use(Input)
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
Vue.prototype.$message = Message;//用来做提示消息替代alert

// 图片懒加载
import VueLazyload from 'vue-lazyload'
import loading from '@/assets/images/loading3.gif'
// 在图片界面没有进入到可视范围前不加载, 在没有得到图片前先显示loading图片
// 声明使用
Vue.use(VueLazyload, { // 内部自定义了一个指令lazy
  loading,  // 指定未加载得到图片之前的loading图片
})


new Vue({
  render: h => h(App),
  router,//全局就有了 this.$router 和 this.$route 的方法
  store,//这样全局就有了this.$store的方法
  beforeCreate(){
    Vue.prototype.$bus = this
    Vue.prototype.$API = API
  }
}).$mount('#app')
